import React,{useState} from 'react'
import { Input } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'

import './Yy.css'
export default function Yy() {
    const navigate = useNavigate()
    const [obj,setobj] = useState({address:'',name:'',phone:'',content:'',beizhu:''})
    // const [visible, setVisible] = useState(false)
    return (
        <div className='box'>
            <div className="top">
                <h2>门店预约</h2>
            </div>
            <div className="center">
                <div className="box1">
                    <div className="box2"></div> <h2>门店详情</h2>
                </div>
                <div className="left">
                    <img src="1.png" alt="" style={{ width: "100%", height: "100%" }} />
                </div>
                <h3>来福士广场店</h3>
                <span style={{ float: "right", fontSize: '12px' }}>距您 1.2km</span>
                <p style={{ marginTop: '20px' }}>上海未来广场</p>
            </div>
            <div className="bottom">
                <div className="box1">
                    <div className="box2"></div> <h2>门店详情</h2>
                </div>
                <div className="box3">
                    详细地址：
                    <input type="text"  onChange={(e)=>{
                            setobj({...obj,address:e.target.value})
                        }} />  <br />
                   
                    联系人：
                    <input type="text"  onChange={(e)=>{
                            setobj({...obj,name:e.target.value})
                          
                        }} />   <br />
                    
                    联系电话：
                    <input type="text"  onChange={(e)=>{
                            setobj({...obj,phone:e.target.value})
                          
                        }} />   <br />
                    回收内容：
                    <input type="text"  onChange={(e)=>{
                            setobj({...obj,content:e.target.value})
                          
                        }} />   <br />
                    备注：
                    <input type="text"  onChange={(e)=>{
                            setobj({...obj,beizhu:e.target.value})
                          
                        }} />
                </div>
            </div>
            <div className="box4">
                <div className="box5">
                    <img src="2.png" alt="" style={{marginTop: '28px'}} />
                </div>
                <div className="box6" onClick={()=>{
                    localStorage.setItem('obj',JSON.stringify(obj))
                    navigate('/dd')
                }
                }>
                    <h1 style={{color:"white"}}>立即预约</h1>
                </div>
            </div>
        </div>
    )
}
